{% load static %}


<!DOCTYPE html>
<html>


<head>


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>{{ title }}</title>


    <meta name="keywords" content=" {{ keywords }} "/>
    <meta name="description" content="{{ description }} "/>


</head>

<body class="top-navigation">
<script>

    {% if tishi %}

        window.onload = function () {
            layer.alert('{{tishi}}', {
                icon: 0,
                skin: 'layer-ext-moon', time: 3000, //20s后自动关闭

            })
        }
         setTimeout(function () {
             window.location.href="/register/"
        }, 3000);

    {% endif %}

    {% if jinggao %}

        window.onload = function () {
            layer.alert('{{jinggao}}', {
                icon: 2,
                skin: 'layer-ext-moon', time: 3000, //20s后自动关闭

                    })
        }

        setTimeout(function () {
             window.location.href="/register/"
        }, 3000);



    {% endif %}


    {% if yes %}

        window.onload = function () {
            layer.alert('{{yes}}', {
                icon: 1,
                skin: 'layer-ext-moon', time: 3000, //20s后自动关闭
            })
        }
         setTimeout(function () {
             window.location.href="/register/"
        }, 3000);
    {% endif %}

</script>
<div id="wrapper">
    <div id="page-wrapper" class="gray-bg">

        {% include 'html/head.html' %}  <!--公共头部导航-->

        <div class="middle-box text-center loginscreen   animated fadeInDown">
            <div>
                {#         <div><h1 class="logo-name">DNG</h1></div>#}
                <h3>注册{{ logotitle }}</h3>



                {% if register_bool %}
                <div class="alert alert-success">
                    您处于安全加密登录
                </div>
                    <form class="m-t" role="form" role="form" method="POST"  action="/register_post/">
                    {% csrf_token %}
                    <div class="form-group"><input type="text" name="user" value="" ID="user" class="form-control"
                                                   placeholder="账户" required="" minlength="6" maxlength="18"></div>
                    <div class="form-group"><input type="email" name="email" value="" ID="email" class="form-control"
                                                   placeholder="邮箱" required="" minlength="6" maxlength="30"></div>
                    <div class="form-group"><input type="text" name="phone" value="" ID="phone" data-mask="99999999999"
                                                   class="form-control" placeholder="手机号" required="" ></div>
                    <div class="form-group"><input type="password" name="password" value="" ID="password"
                                                   class="form-control" placeholder="密码" required="" minlength="6" maxlength="30"></div>
                    <div class="form-group"><input type="password" name="passwords" value="" ID="passwords"
                                                   class="form-control" placeholder="重复密码" required="" minlength="6" maxlength="30"></div>
                    {% if anquan.sms_bool %}
                        <!-- 手机验证码开始 -->
                        <div class="layui-form-item">
                            <label class="layui-form-label-huadong">获取验证码
                                <i>&nbsp;</i>
                                <i class="fa fa-arrow-right animated shake"></i></label>
                            <div class="layui-input-block">
                                <div id="slider"></div>
                            </div>
                        </div>
                        <div class="form-group"><input type="text" name="Verification"
                                                       lay-verify="required" data-mask="999999"
                                                       class="form-control"
                                                       placeholder="输入验证码" required="" ></div>
                        <!-- 手机验证码结束 -->
                    {% elif anquan.station_bool %}
                        <!-- 邮件验证码开始 -->
                        <div class="layui-form-item">
                            <label class="layui-form-label-huadong">获取验证码
                                <i>&nbsp;</i>
                                <i class="fa fa-arrow-right animated shake"></i></label>
                            <div class="layui-input-block">
                                <div id="slider"></div>
                            </div>
                        </div>
                        <div class="form-group"><input type="text" name="Verification"
                                                       class="form-control" lay-verify="required"
                                                       data-mask="999999" placeholder="输入验证码"
                                                       required="" ></div>
                        <!-- 邮件验证码结束 -->
                    {% elif anquan.graphic_bool %}
                        <!-- 滑动验证开始 -->
                        <div class="layui-form-item">
                            <label class="layui-form-label-huadong">滑动验证
                                <i>&nbsp;</i>
                                <i class="fa fa-arrow-right"></i></label>
                            <div class="layui-input-block">
                                <div id="slider"></div>
                            </div>
                        </div>

                        <!-- 滑动验证结束 -->
                    {% else %}
                        <!-- 无验证方式 -->
                    {% endif %}
                    <div class="form-group">
                        <div class="checkbox i-checks"><label> <input type="checkbox" required=""><i></i>
                            我同意条款和免责协议</label></div>
                    </div>
                    <button type="submit" class="btn btn-primary block full-width m-b" lay-submit
                                        lay-filter="formDemo">提交注册</button>

                    <p class="text-muted text-center"><small>已经有账户了?</small></p><a
                        class="btn btn-sm btn-white btn-block" href="/login/">返回登录</a></form>

                {% else %}
                      <div class="alert alert-success">
                    注册暂时关闭了，联系客服开放！
                </div>
                {% endif %}






                <p class="m-t"><small>遵循国家互联网安全法，对您的账户隐私保密</small></p></div>
        </div>


        {% include 'html/footer.html' %}  <!--公共尾部-->
    </div>
</div>


</body>

</html>

